{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}

	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">
			<nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href={if $menuItem->link}"{$menuItem->link}"{else}"#"{/if} {if $menuItem->name == "Games"}class="active"{/if}>{$menuItem->name}</a>
						{if $menuItem->submenus}
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a>
							
                                                           {if $subMenuItem->subpages|@count >= 1}
							   <ul class="sub-menu">
							   {foreach $subMenuItem->subpages as $subPageItem}
							            <li><a href="{$subPageItem->link}">{$subPageItem->name}</a></li>
		    			                   {/foreach}
                                                           </ul>
                                                           {/if}
		    			                  
		    			                </li>
							{/foreach}
						</ul>
						{/if}
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

			{* commented out as not currently implemented
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div>
			*}
		</header>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
			<!-- Content -->
			<section id="content" class="">
				
				<br clear="all"/>
				<br clear="all"/>

				<section class="row">
				
					<article>
						<div style="margin-left: auto; margin-right: auto; text-align: center">
							<a href="/simcity_lets_play.php"><img class="hoverImages" src="/images/simcity_lets_play.PNG" alt="simcity" style="max-height: 300px"></a>
							<img class="hoverImages" src="/images/simcity_showcase.PNG" alt="simcity" style="max-height: 300px">
							
							

							<a id="sim_city_img1"></a>
						</div>
					
					</article>
				<!--
					<article class="six column">
						<div class="post-image">
							<img src="/images/simcity_lets_play.PNG" alt="simcity" style="max-height: 300px">
						</div>
					</article>
					
					<article class="six column">
						<div class="post-image">
							<img src="/images/simcity_showcase.PNG" alt="simcity" style="max-height: 300px">
						</div>
					</article>
				-->
				
				</section>
				
				<br clear="all"/>
				<br clear="all"/>

                                


				<!-- Ads
				<div class="ads-middle mb25">
					<a href="#"><img src="http://placehold.it/468x60" alt=""></a>
				</div> -->
				<!-- Ads -->

				<section class="row">
					<!-- Category posts -->
					{foreach $categoryPosts as $categoryPost}
					<article class="six column">
						<h4 class="cat-title"><a href="#">{$categoryPost->title}</a></h4>
						<div class="post-image">
							<a href="#"><img src="{$imagebaseurl}/{$categoryPost->image}" alt=""></a>
						</div>

						<div class="post-container">
							<h2 class="post-title">{$categoryPost->posttitle}</h2>
							{if $categoryPost->postcontent}
							<div class="post-content">
								<p>{$categoryPost->postcontent}</p>
							</div>
							{/if}
						</div>

						<div class="post-meta">
						<!--
							<span class="comments"><a href="#">24</a></span>
							<span class="author"><a href="#">nextwpthemes</a></span>
						-->
							{if $categoryPost->date}
							<span class="date"><a href="#">{$categoryPost->date}</a></span>
							{/if}
						</div>

						
					</article>
					{/foreach}
					<!-- End Category posts -->

				</section>

				
			</section>
			<!-- Content -->

			<!-- Sidebar -->

			<aside id="sidebar" class="four column pull-right">


				
			</aside>
			<!-- End Sidebar -->

			<!-- Footer -->
			<footer class="row clearfix">
				<!-- Footer widgets -->
				<ul class="no-bullet clearfix">
				
				
				</ul>
				<!-- End Footer widgets -->

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</body>
</html>